<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>携程旅行-酒店预订,机票预订查询,旅游度假,商旅管理-携程无线官网</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="shortcut icon" href="favicon.ico"/>
</head>
<body>
    <!-- 搜索staer -->
   <div class="search-index">

    <div class="search"><span>搜索:目的地/酒店/景点/航班号酒店</span></div>

    <a href="#" class="user">我的</a> 

   </div>
    <!-- 搜索end -->

    <!-- focus -->
    <div class="focus">
        <img src="images/focus.png" alt="">
    </div>
    <!-- focus -->

    <!-- local局部nav -->
    <ul class="local-nav">

        <li>
            <a href="">
                <span class="local-nav-icon-1 dwh"></span>
                <span>火爆景点</span>
            </a>
        </li>

        <li>
            <a href="">
                <span class="local-nav-icon-2 dwh"></span>
                <span>机票</span>
            </a>
        </li>

        <li>
            <a href="">
                <span class="local-nav-icon-3 dwh"></span>
                <span>酒店</span>
            </a>
        </li>

        <li>
            <a href="">
                <span class="local-nav-icon-4 dwh"></span>
                <span>美食</span>
            </a>
        </li>

        <li>
            <a href="">
                <span class="local-nav-icon-5 dwh"></span>
                <span>美景</span>
            </a>
        </li>
    </ul>
    <!-- local局部nav end -->

    <!-- nav -->
    <nav>

        <div class="gynav">

                 <div class="nav-items">
                     
                     <a href="#">酒店</a>
                     <span class="nav-items-image-1"></span>
                 </div>

                 <div class="nav-items">
                     <a href="#">海外酒店</a>
                     <a href="#">特价酒店</a>
                 </div>

                 <div class="nav-items">
                     <a href="#">团购</a>
                     <a href="#">民宿 客栈</a>
                 </div>

        </div>

        <div class="gynav">

                 <div class="nav-items">
                     
                     <a href="#">机票</a>
                     <span class="nav-items-image-2"></span>
                 </div>

                 <div class="nav-items">
                     <a href="#">火车票</a>
                     <a href="#">特价酒店</a>
                 </div>

                 <div class="nav-items">
                     <a href="#">汽车票、船票</a>
                     <a href="#">民宿 客栈</a>
                 </div>

        </div>

        <div class="gynav">

                 <div class="nav-items">
                     
                     <a href="#">旅游</a>
                     <span class="nav-items-image-3"></span>
                 </div>

                 <div class="nav-items">
                     <a href="#">门票</a>
                     <a href="#">邮轮旅行</a>
                 </div>

                 <div class="nav-items">
                     <a href="#">目的地公略</a>
                     <a href="#">定制旅行</a>
                 </div>

        </div>

      
    </nav>
    <!-- nav -->

    <!-- /*推荐recommend */ -->
    <ul class="recommend">

        <li>  
       
            <a href="#">
                <span class="recommend-icon-1"></span>
                <span>安全服务</span>
            </a>

        </li>
        <li>  
       
            <a href="#">
                <span class="recommend-icon-2"></span>
                <span>公司会务</span>
            </a>

        </li>
        <li>  
       
            <a href="#">
                <span class="recommend-icon-3"></span>
                <span>超级会员</span>
            </a>

        </li>
        <li>  
       
            <a href="#">
                <span class="recommend-icon-4"></span>
                <span>向导/包车</span>
            </a>

        </li>
        <li>  
       
            <a href="#">
                <span class="recommend-icon-5"></span>
                <span>会员/签到</span>
            </a>

        </li>
        <li>  
       
            <a href="#">
                <span class="recommend-icon-6"></span>
                <span>在线商城</span>
            </a>

        </li>
        <li>  
       
            <a href="#">
                <span class="recommend-icon-7"></span>
                <span>定制游</span>
            </a>

        </li>
        <li>  
       
            <a href="#">
                <span class="recommend-icon-8"></span>
                <span>加盟合作</span>
            </a>

        </li>
        <li>  
       
            <a href="#">
                <span class="recommend-icon-9"></span>
                <span>礼品卡</span>
            </a>

        </li>
        <li>  
       
            <a href="#">
                <span class="recommend-icon-10"></span>
                <span>签证</span>
            </a>

        </li>
    
    </ul>           
    <!-- /*推荐recommend */ -->

    <!-- 销售 sales start -->
    <div class="sales-box">

        <div class="sales-hd">

            <h2>热门活动</h2>
            <a href="#">获取更多福利</a>

        </div>



        <ul class="sales-bd">
            <li class="sales-bd-image">

                <a href="#"><img src="images/sales-bd-image-1.png" alt=""></a>
                
                <a href="#"><img src="images/sales-bd-image-2.png" alt=""></a>

            </li>


            <li class="sales-bd-image">
                <a href="#"><img src="images/sales-bd-image-3.png" alt=""></a>
                
                <a href="#"><img src="images/sales-bd-image-4.png" alt=""></a>

            </li>


            <li class="sales-bd-image">
                <a href="#"><img src="images/sales-bd-image-5.png" alt=""></a>
                
                <a href="#"><img src="images/sales-bd-image-6.png" alt=""></a>

            </li>

        </ul>

    </div> 
    <!-- 销售 sales end -->

    <!-- 尾部 -->
    <footer>

        <ul class="information">

            <li>
                <a href="#">
                   <span class="footer-icon-1"></span>
                   <span>短信预定</span>
                </a>
            </li>

            <li>
                <a href="#">
                   <span class="footer-icon-2"></span>
                   <span>下载客户端</span>
                </a>
            </li>

            <li>
                <a href="#">
                   <span class="footer-icon-3" ></span>
                   <span>我的</span>
                </a>
            </li>
            

        </ul>
    </footer>
    <!-- /* footer end */ -->

    <!-- 版权-Mod -->
    <div class="copyright">
        <ul>
            <li>
                <a href="#">网站地图</a>
                <a href="#">language</a>
                <a href="#">电脑版</a>

            </li>

            <li>
                <a href="#">@2018携程旅行</a>
                <a href="#">沪ICP备08023580号</a>
            </li>
        </ul>
        
    </div>  
    <!-- 版权-Mod end -->

</body>
</html>